
import echarts from 'echarts'

export default {
	name: "EchartsLine",
	data(){
		return {
			
		}
	},
	props:{
		options:{
			required:true
		},
		eid:{ // 元素的ID
			type: String,
			default: ()=>"bar"+(Math.random()*1000+(new Date().getTime())).toFixed(0)
		},
		width:{ // 图表宽度
			type: Number,
			default: 400
		},
		height:{  // 图表高度
			type: Number,
			default: 300
		}

	},
	computed:{
		
	},
	methods: {

	},
	mounted(){
		var m = document.getElementById(this.eid);
		console.log(m)
		var myChart = echarts.init(m);
		// 绘制图表
		myChart.setOption(this.options);

	},
	render(){
		return (
			<div id={this.eid} style={{width:this.width+"px",height:this.height+"px"}}></div>
		)
	}
}